<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      template="layout_1.xhtml"
      xmlns:f="http://java.sun.com/jsf/core">
 
         <ui:define name="content">
         <f:view>
             
       <h:form id="form" >
           <h:outputText value="#{mojeKsiazkiSessionManager.test}"/>
           <a4j:region  >
           <center>
            
         <rich:tabPanel switchType="client">      
             <rich:tab header="Książki wypożyczone">
              <rich:dataTable 
                  onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                  onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                  id="table" 
                  value="#{mojeKsiazkiManager.wypozyczoneList}" 
                  var="item" 
                  rows="30"  >
            <f:facet name="noData">
              Brak książek
            </f:facet>
                 <rich:column  sortBy="#{item.isbn}"  style="width:75px">
                <f:facet name="header">               
                        <h:outputText value="Numer ISBN " />
                </f:facet>
                <h:outputText value="#{item.isbn}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item.imieAutora}">
                <f:facet name="header">
                    <h:outputText value="Imię autora" />
                </f:facet>
                <h:outputText value="#{item.imieAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.nazwiskoAutora}">
                <f:facet name="header">
                    <h:outputText value="Nazwisko autora" />
                </f:facet>
                 <h:outputText value="#{item.nazwiskoAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item.tytul}">
                <f:facet name="header">
                    <h:outputText value="Tytuł" />
                </f:facet>
                <h:outputText value="#{item.tytul}" />
            </rich:column>
                 
            <rich:column sortBy="#{item.nazwaWydawnictwa}">
                <f:facet name="header">
                    <h:outputText value="Wydawnictwo" />
                </f:facet>
                <h:outputText value="#{item.nazwaWydawnictwa}" />
            </rich:column>
                 
             <rich:column sortBy="#{item.dataWydania}">
                <f:facet name="header">
                    <h:outputText value="Data wydania" />
                </f:facet>
                <h:outputText value="#{item.dataWydania}" />
            </rich:column>
                 
                  
            <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Data wypożyczenia" />
                </f:facet>
                <h:outputText value="#{item.dataWypozyczenia}" />     
             </rich:column>
                  
             <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Data zwrotu" />
                </f:facet>
                 <h:outputText style="color:red" value="#{item.dataOddania}" />     
             </rich:column> 
                  
             <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Do zapłaty" />
                </f:facet>
                 <h:outputText  value="#{item.doZaplaty}" >    
                     <f:convertNumber   pattern="####.00 zł"  />
                 </h:outputText>
             </rich:column>  
                  
             <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Akcja" />
                </f:facet>
                
                 <a4j:commandButton id="prolongujButton"  value="Prolonguj" disabled="#{mojeKsiazkiManager.currentItem.status=='zarezerwowano' or mojeKsiazkiManager.currentItem.doZaplaty>0.01 or mojeKsiazkiManager.currentItem.iloscProlongat==3}"
                        oncomplete="#{rich:component('popup2')}.show()">           
                     <f:setPropertyActionListener value="#{item}" 
                            target="#{mojeKsiazkiManager.currentItem}" />
                </a4j:commandButton>    
                     
             </rich:column> 
           
                 
       
        </rich:dataTable>
                 
       </rich:tab>     
               
       <rich:tab header="Książki zarezerwowane">     
               
        <rich:dataTable 
                  onrowmouseover="this.style.backgroundColor='#F1F1F1'"
                  onrowmouseout="this.style.backgroundColor='#FFFFFF'"
                  id="table2" 
                  value="#{mojeKsiazkiManager.zarezerwowaneList}" 
                  var="item2" 
                  rows="30"  >
            <f:facet name="noData">
              Brak książek
            </f:facet>
                 <rich:column  sortBy="#{item2.isbn}"  style="width:75px">
                <f:facet name="header">               
                        <h:outputText value="Numer ISBN " />
                </f:facet>
                <h:outputText value="#{item2.isbn}" />
            </rich:column>
                 
                 <rich:column sortBy="#{item2.imieAutora}">
                <f:facet name="header">
                    <h:outputText value="Imię autora" />
                </f:facet>
                <h:outputText value="#{item2.imieAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item2.nazwiskoAutora}">
                <f:facet name="header">
                    <h:outputText value="Nazwisko autora" />
                </f:facet>
                 <h:outputText value="#{item2.nazwiskoAutora}" />
            </rich:column>
                 <rich:column sortBy="#{item2.tytul}">
                <f:facet name="header">
                    <h:outputText value="Tytuł" />
                </f:facet>
                <h:outputText value="#{item2.tytul}" />
            </rich:column>
                 
            <rich:column sortBy="#{item2.nazwaWydawnictwa}">
                <f:facet name="header">
                    <h:outputText value="Wydawnictwo" />
                </f:facet>
                <h:outputText value="#{item2.nazwaWydawnictwa}" />
            </rich:column>
                 
             <rich:column sortBy="#{item2.dataWydania}">
                <f:facet name="header">
                    <h:outputText value="Data wydania" />
                </f:facet>
                <h:outputText value="#{item2.dataWydania}" />
            </rich:column>
                 
                  
            <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Data wypożyczenia" />
                </f:facet>
                <h:outputText value="#{item2.dataWypozyczenia}" />     
             </rich:column>
                  
             <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Data zwrotu" />
                </f:facet>
                 <h:outputText style="color:red" value="#{item2.dataOddania}" />     
             </rich:column> 
                     
            <rich:column>
                 <f:facet name="header">
                    <h:outputText value="Akcja" />
                </f:facet>
                
                  <a4j:commandButton id="rezerwujButton"  value="Usuń" 
                        oncomplete="#{rich:component('popup')}.show()">           
                     <f:setPropertyActionListener value="#{item2}"
                            target="#{mojeKsiazkiManager.currentItem2}" />
                </a4j:commandButton>    
                     
             </rich:column> 
     
            </rich:dataTable>        
       </rich:tab>
             
     </rich:tabPanel>

         <rich:messages/>
         <rich:notifyMessages stayTime="2000" nonblocking="true" />
           </center>
           </a4j:region>
    
       </h:form>
         <rich:popupPanel id="popup" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Rezerwacja" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
          Czy na pewno chcesz usunąć rezerwację ?
          <a4j:commandButton value="tak"  render="table2"
                             action="#{mojeKsiazkiManager.usunRezerwacje()}" 
                             oncomplete="if (#{facesContext.maximumSeverity==null})#{rich:component('popup')}.hide(); " />
          <a4j:commandButton value="nie"  
                             onclick="#{rich:component('popup')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>     
             
            
             
          <rich:popupPanel id="popup2" modal="false" autosized="true" resizeable="false">
        <f:facet name="header">
            <h:outputText value="Prolongata" />
        </f:facet>
        <f:facet name="controls">
            <h:outputLink value="#" onclick="#{rich:component('popup2')}.hide(); return false;">
                X
            </h:outputLink>
        </f:facet>
        
              
              <h:outputText value=" Czy chcesz przedłużyć książkę o 7 dni ?"/>
              <h:outputText style="color:red" value="Uwaga: prolongata będzie naliczana od dzisiejszego dnia."/>
          
          <a4j:commandButton value="tak"  render="table"
                             action="#{mojeKsiazkiManager.prolonguj()}" 
                            
                             oncomplete="if (#{facesContext.maximumSeverity==null})#{rich:component('popup2')}.hide(); " />
          <a4j:commandButton value="nie"  
                             onclick="#{rich:component('popup2')}.hide()"/>
          <rich:messages/>
    </rich:popupPanel>          
             
             
             
           
  
    

     </f:view>
     </ui:define>

</ui:composition>
